<template>
    <div class="safe_left_c">
        <span class="safe_left_c_span">{{ data }}<span class="" style="font-size: 12px;"></span></span>
        <div class="safe_left_c_title">{{ title }}</div>
    </div>
</template>

<script>
export default {
    props: ["title", "data"]
}
</script>

<style lang="scss" scoped>
.safe_left_c {
    width: 128px;
    height: 152px;
    background: url("@/assets/组 6826.png");
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 0 0 15px #00ffff;
    transition: box-shadow 0.3s ease;

    .safe_left_c_span {
        margin-left: 10px;
        font-family: YouSheBiaoTiHei;
        font-weight: 400;
        font-size: 24px;
        color: #FFFFFF;
        margin-top: 41px;
        text-align: center;
        margin-right: 15px;
    }

    .safe_left_c_title {
        margin-top: 43px;
        font-family: PingFang SC;
        font-weight: 400;
        font-size: 14px;
        color: #FFFFFF;
    }
}
</style>